<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
        操作节点对象中的内容
        1. 获取节点对象中的内容
        2. 改变节点对象中的内容

    步骤:
      1.获取需要操作的节点对象
      2.操作节点中的内容
-->

<p id="message">
    <span>hello javascript</span>
</p>


<input type="text" placeholder="请输入用户名" id="username" value="admin">

<script>

    var elementsByTagName = document.getElementsByTagName('p');
    //  innerText    节点内容属性
    // var innerText = elementsByTagName[0].innerText;
    //  可以识别html标签
    var innerText = elementsByTagName[0].innerHTML;
    console.log("innerText=",innerText)

    // 将获取的内容转换成大写 写入p标签  innerText
    // elementsByTagName[0].innerText   = '<h1>hello</h1>'
    elementsByTagName[0].innerHTML   = '<h1>hello</h1>'


    console.log('-------------------')
    var elementById = document.getElementById('message');
    console.log(elementById.innerText)

    console.log("----------------------")
    // 如何获取表单控件中的数据
    var elementUsername = document.getElementById("username");
    var val = elementUsername.value
    console.log(val)
    // 赋值
    elementUsername.value = 'super'

    // 正则表达式 验证数据是否合法






</script>


</body>
</html>